/**
 * Created by Administrator on 2016/7/30.
 */
$(function () {
    $('.nav_a').each(function (index) {
        $(this).hover(function () {
            $('.arrow_left').addClass("r_arrow");
            $('.loadbox_a').css('display', 'block')
        });
        $('.nav_a').mouseleave(function () {
            $('.arrow_left').removeClass("r_arrow");
            $('.loadbox_a').css('display', 'none')
        })
    });
    $('.nav_b').each(function (index) {
        $(this).hover(function () {
            $('.arrow_center').addClass("r_arrow");
            $('.loadbox_b').css('display', 'block')
        });
        $('.nav_b').mouseleave(function () {
            $('.arrow_center').removeClass("r_arrow");
            $('.loadbox_b').css('display', 'none')
        })
    });
    $('.top_bz').each(function (index) {
        $(this).hover(function () {
            $('.kfbox').css('display', 'block')
        });
        $('.top_bz').mouseleave(function () {
            $('.kfbox').css('display', 'none')
        })
    });
    var target1 = $('#a_click1');
    var target2 = $('#a_click2');
    $('.click').click(function () {
        if (target1.hasClass('a_click1') && target2.hasClass('a_click2')) {
            target1.removeClass('a_click1');
            target1.addClass('a_click2');
            target2.removeClass('a_click2');
            target2.addClass('a_click1');
            $('.click').css('background-color', '#f0f0f0');
            $('#nav_box').css('display', 'block')
        } else {
            target2.removeClass('a_click1');
            target2.addClass('a_click2');
            target1.removeClass('a_click2');
            target1.addClass('a_click1');
            $('.click').css('background-color', '#E8E8E8');
            $('#nav_box').css('display', 'none')
        }
    });
    $('.nav_c').hover(function () {
        $('.arrow_right').addClass('r_arrow');
        $('.code_box').css('display', 'block')
    });
    $('.nav_c').mouseleave(function () {
        $('.arrow_right').removeClass('r_arrow');
        $('.code_box').css('display', 'none')
    });
    $('.btn-box a').each(function (index) {
        $(this).hover(function () {
            $(this).css('background-color', '#43b149');
            $(this).css('color', 'white');
        });
        $(this).mouseleave(function () {
            $(this).css('background-color', 'white');
            $(this).css('color', '#666666');
        })
    });

//    导航固定
    var nav = $('.classifybox'); //得到导航对象
    var win = $(window); //得到窗口对象
    var sc = $(document);//得到document文档对象。
    win.scroll(function () {
        if (sc.scrollTop() >= 167) {
            nav.addClass("fixednav");
        } else {
            nav.removeClass("fixednav");
        }
    });


    var num = 0;
    var $list = $('#goods_box');

    $(window).on('scroll', function () {
        if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
            if (++num < 9) {
                loadData($list, num);
            } else {
                console.log('nodate');
            }
        }
    });
    loadData($list, num);
    function loadData($ele, num) {
        $.ajax({
            url: 'json_9_date/data-' + num + '.json',
            success: function (data) {
                var str = '';
                $.each(data, function (i, item) {
                    str += [
                        '<div class="goods_li">',
                        '<a href="' + item.URL + '">',
                        '</a>',
                        '<img src="images/' + item.imageUrl + '.jpg">',
                        '<div class="goods_title">' + item.theme + '</div>',
                        '<div class="goods_price">',
                        '<div class="price_le">',
                        '￥<strong>' + item.pricez + '<em>' + item.pricel + '</em>' + '</strong>',
                        '</div>',
                        '<div class="price_ce">',
                        '<div class="tags">' + '</div>',
                        '<del>' + item.dels + '</del>',
                        '</div>',
                        '<div class="price_ri">',
                        '<div class="goods_logo">',
                        '<img src="images/' + item.imagesurl + '.png">',
                        '</div>',
                        '<div class="goods_amount">' + item.amount + '</div>',
                        '</div>',
                        '</div>',
                        '</div>'
                    ].join("");
                });
                $ele.append(str);
            },
            error: function () {
                layer.msg('没有更多商品了');
            }
        });
    }
});